<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>flytech商城</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/commen-平板.css">
    <link rel="stylesheet" href="./css/index-商城.css">
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script src="./js/js_shangcheng.js"></script>
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="header_top">

        </div>
        <div class="nav ">
            <div class="left">
                <div class="logo">冯柏源22215220432</div>
                <ul>
                    <li>
                        <a href="./index-手机.html" title="手机">手机
                            <div class="nav_left_a_bottom"></div>
                        </a>
                    </li>
                    <li><a href="./index-电脑-1.html" title="电脑">电脑
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                    <li><a href="./index-平板.html" title="平板">平板
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                    <li><a href="./watch.html" title="穿戴">穿戴
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                    <li><a href="./404.html" title="耳机音箱">耳机音箱
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                    <li><a href="./index-全屋智能.html" title="全屋智能">全屋智能
                            <div class="nav_left_a_bottom"></div>
                        </a></li>
                    <li><a href="./404.html" title="路由器">路由器
                            <div class="nav_left_a_bottom"></div>
                        </a></li>

                </ul>
            </div>
            <div class="right">
                <ul>
                    <li><a href="./index-服务支持.html">服务支持
                            <div class="nav_right_a_bottom"></div>
                        </a></li>

                    <li><a href="./index_商用.html">商用
                            <div class="nav_right_a_bottom"></div>
                        </a></li>
                    <!-- <li><a href="#">商用
                            <div class="nav_right_a_bottom"></div>
                        </a></li> -->
                        
                    <!-- 放大镜 -->
                    <li><a href="./sreach.html"></a></li>
                    <!--用户头像  -->
                    <li><a href="./denlu.html"></a></li>
                    <li><a href="./index-商城.html">flytech商城</a></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 主体部分 -->
    <div class="bd">
        <!-- 轮播图 -->
        <!--  jia-->
        <!--  -->
        <div class="slide wrapper">
            <input type="radio" name="button" value="0" id="button1" checked hidden>
            <label for="button1"></label>

            <input type="radio" name="button" value="1" id="button2" hidden>
            <label for="button2"></label>

            <input type="radio" name="button" value="2" id="button3" hidden>
            <label for="button3"></label>

            <input type="radio" name="button" value="2" id="button4" hidden>
            <label for="button4"></label>

            <ul>
                <li> </li>
                <li> </li>
                <li> </li>
                <li ></li>
            </ul>
        </div>
          
        <div class="content">
            <ul>
                <li><a href="">手机</a><span>></span> </li>
                <li><a href="">穿戴</a><span>></span></li>
                <li><a href="">电脑</a><span>></span></li>
                <li><a href="">平板</a><span>></span></li>
                <li><a href="">耳机音箱</a><span>></span></li>
                <li><a href="">全屋智能</a><span>></span></li>
                <li><a href="">智慧屏</a><span>></span></li>
                <li><a href="">路由器</a><span>></span></li>
                <li><a href="">智慧屏</a><span>></span></li>
            </ul>
        </div>
        <!--指引部分-->
        <div class="wrapper">
            <div class="little">
                <img src="./images/images_商城/DM_20231203153407_001.webp" alt="">
                <h3>智慧办公</h3>
            </div>
            <div class="little">
                <img src="./images/images_商城/DM_20231203153407_002.webp" alt="">
                <h3>鸿蒙智行</h3>
            </div>
            <div class="little">
                <img src="./images/images_商城/DM_20231203153407_003.webp" alt="">
                <h3>华为手机</h3>
            </div>
            <div class="little">
                <img src="./images/images_商城/DM_20231203153407_004.webp" alt="">
                <h3>影音娱乐</h3>
            </div>
            <div class="little">
                <img src="./images/images_商城/DM_20231203153407_005.webp" alt="">
                <h3>运动健康</h3>
            </div>
            <div class="little">
                <img src="./images/images_商城/DM_20231203153407_006.webp" alt="">
                <h3>企业商用</h3>
            </div>
            <div class="little">
                <img src="./images/images_商城/DM_20231203153407_007.webp" alt="">
                <h3>超级配件</h3>
            </div>
            <div class="little">
                <img src="./images/images_商城/DM_20231203153407_008.webp" alt="">
                <h3>智能家庭</h3>
            </div>
            <div class="little">
                <img src="./images/images_商城/DM_20231203153407_012.webp" alt="">
                <h3>教育购物</h3>
            </div>
            <div class="little">
                <img src="./images/images_商城/DM_20231203153407_010.webp" alt="">
                <h3>以旧换新</h3>
            </div>
        </div>

        <!--推荐区-->
        <!-- <div class="top2">
            <div class="left-section">
                <p class="left-section">甄选推荐</p>
            </div>
            <div class="right-section">
                <p class="right-section">更多</p>
            </div>
        </div>
        <div class="wrapper">
            <div class="product0">
                <img src="./images/images_商城/DM_20231125144525_023.png" alt="手机">
                <div class="container">
                    <h3>灵巧M14</h3>
                    <p>轻盈小巧，操作便捷</p>
                    <p>让您随时随地尽享沟通的乐趣</p>
                </div>
            </div>
            <div class="product0">
                <img src="./images/images_商城/DM_20231130205017_001.png" alt="耳机">
                <div class="container">
                    <h3>音符之歌</h3>
                    <p>音质卓越，音乐无限</p>
                    <p>让您沉浸在美妙的音乐世界</p>
                </div>
            </div>
            <div class="product0">
                <img src="./images/images_商城/DM_20231130205142_001.png" alt="路由器">
                <div class="container">
                    <h3>光速之舟</h3>
                    <p>高效能处理器，快速响应</p>
                    <p>让您尽享流畅体验</p>
                </div>
            </div>
            <div class="product0">
                <img src="./images/images_商城/DM_20231130205143_001.png" alt="路由器">
                <div class="container">
                    <h3>手机</h3>
                    <p>性价比高，品质可靠</p>
                    <p>这是一段文本内容。</p>
                </div>
            </div>
        </div> -->

          <!-- 购物车部分 -->
     <div class="car">
      <span class="car-img">
      <span class="number">0</span>
      </span>
      <a>我的购物车</a>
     </div>

          <div class="top2">
            <div class="left-section">
                <p class="left-section">甄选推荐</p>
            </div>
            <div class="right-section">
                <p class="right-section">更多</p>
            </div>
        </div>

          <div class=" wrapper1">
          <ul >
            <li>
              <img src="./images/images_商城/DM_20231125144525_023.png" alt="">
              <div class="text">
                <h4>华为畅享 70</h4>
                <p>6000mAh超长续航 | 畅享X键 一键畅享</p>
                <div class="btn"><span>赠积分</span></div>
                <p class="price">￥1199</p>
              </div>
              <div class="bottom">
                <div class="down-title">
                  <h5>华为畅享 70</h5>
                  <p>￥1199</p>
                </div>
                <a class="buy" title="购买">购买</a>
                <a class="add" title="加入购物车">加入购物车</a>
              </div>
            </li>
            <li>
              <img src="./images/images-全屋智能/recommend2.png" alt="">
              <div class="text">
                <h4>HUAWEI MateBook X Pro</h4>
                <p>微绒金属机身 | 3.1K原色全面屏</p>
                <div class="btn">
                  <span>12期0分期利息</span>
                  <span>赠积分</span>
                </div>
                <p class="price">￥13199</p>
              </div>
              <div class="bottom">
                <div class="down-title">
                  <h5>HUAWEI MateBook X Pro</h5>
                  <p>￥13199</p>
                </div>
                <a class="buy" title="购买">购买</a>
                <a class="add" title="加入购物车">加入购物车</a>
              </div>
            </li>
            <li>
              <img src="./images/images-全屋智能/recommend3.png" alt="">
              <div class="text">
                <h4>华为智能眼镜 2</h4>
                <p>全天候智能播报 | 11小时持久聆听</p>
                <div class="btn">
                  <span>6期0分期利息</span>
                  <span>赠积分</span>
                </div>
                <p class="price">￥1699起</p>
              </div>
              <div class="bottom">
                <div class="down-title">
                  <h5>华为智能眼镜 2</h5>
                  <p>￥1699</p>
                </div>
                <a class="buy" title="购买">购买</a>
                <a class="add" title="加入购物车">加入购物车</a>
              </div>
            </li>
            <li>
              <img src="./images/images-全屋智能/recommend4.png" alt="">
              <div class="text">
                <h4>HUAWEI WATCH GT 4</h4>
                <p>科学运动减脂 | 心率失常提示 | 强劲续航</p>
                <div class="btn">
                  <span>3期0分期利息</span>
                  <span>赠积分</span>
                </div>
                <p class="price">￥1588</p>
              </div>
              <div class="bottom">
                <div class="down-title">
                  <h5>HUAWEI WATCH GT 4</h5>
                  <p>￥1588</p>
                </div>
                <a class="buy" title="购买">购买</a>
                <a class="add" title="加入购物车">加入购物车</a>
              </div>
            </li>
            
          </ul>
        </div>
        <!--  -->

        <!--手机区-->
        <div class="top2">
            <div class="left-section">
                <p class="left-section">手机推荐</p>
            </div>
            <div class="right-section">
                <p class="right-section">更多</p>
            </div>
        </div>
        <div class=" wrapper1">
            <ul >
              <li>
                <img src="./images/images_商城/DM_20231125144525_030.png" alt="">
                <div class="text">
                  <h4>Mata 60</h4>
                  <p>超可靠玄武架构 | 全焦段超清影像</p>
                  <div class="btn"><span>赠积分</span></div>
                  <p class="price">￥5999</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>Mata 60</h5>
                    <p>￥5999</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              <li>
                <img src="./images/images_商城/DM_20231125144525_028.png" alt="">
                <div class="text">
                  <h4>Mata 60 Pro+</h4>
                  <p>双卫星通信 | 超可靠玄武架构</p>
                  <div class="btn">
                    <span>12期0分期利息</span>
                    <span>赠积分</span>
                  </div>
                  <p class="price">￥9999</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>Mata 60 Pro+</h5>
                    <p>￥9999</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              <li>
                <img src="./images/images_商城/P60.webp" alt="">
                <div class="text">
                  <h4>HAWEI P60</h4>
                  <p>超聚光XMAGE影像 | 双向北斗卫星消息</p>
                  <div class="btn">
                    <span>6期0分期利息</span>
                    <span>赠积分</span>
                  </div>
                  <p class="price">￥5988起</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>HAWEI p60</h5>
                    <p>￥5988</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              <li>
                <img src="./images/images_商城/P60Art.webp" alt="">
                <div class="text">
                  <h4>HUAWEI P60 Art</h4>
                  <p>形随心动 | 海岛设计 | 超聚光夜视长焦</p>
                  <div class="btn">
                    <span>3期0分期利息</span>
                    <span>赠积分</span>
                  </div>
                  <p class="price">￥7988</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>HUAWEI P60 Art</h5>
                    <p>￥7988</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              
            </ul>
          </div>
          <div class=" wrapper1">
            <ul >
              <li>
                <img src="./images/images_商城/P50Pocket.webp" alt="">
                <div class="text">
                  <h4>P50 Pocket</h4>
                  <p>宝盒折叠设计 | 超光普影像系统</p>
                  <div class="btn"><span>赠积分</span></div>
                  <p class="price">￥6988</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>P50 Pocket</h5>
                    <p>￥6988</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              <li>
                <img src="./images/images_商城/nova11.webp" alt="">
                <div class="text">
                  <h4>nova 11</h4>
                  <p>6.88毫米超薄臻彩直屏</p>
                  <div class="btn">
                    <span>12期0分期利息</span>
                    <span>赠积分</span>
                  </div>
                  <p class="price">￥2499</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>nova 11</h5>
                    <p>￥2499</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              <li>
                <img src="./images/images_商城/cx70.webp" alt="">
                <div class="text">
                  <h4>畅想 70</h4>
                  <p>6000mAh超长续航 | 畅想x键一键畅想</p>
                  <div class="btn">
                    <span>6期0分期利息</span>
                    <span>赠积分</span>
                  </div>
                  <p class="price">￥1199起</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>畅想 70</h5>
                    <p>￥1199</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              <li>
                <img src="./images/images_商城/cx60x.webp" alt="">
                <div class="text">
                  <h4>畅想 60X</h4>
                  <p>7000mAh超长续航 | 6.95英寸影音大屏</p>
                  <div class="btn">
                    <span>3期0分期利息</span>
                    <span>赠积分</span>
                  </div>
                  <p class="price">￥1988</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>畅想 60X</h5>
                    <p>￥1988</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              
            </ul>
          </div>

        <!--电脑区-->
        <div class="top2">
            <div class="left-section">
                <p class="left-section">电脑专区</p>
            </div>
            <div class="right-section">
                <p class="right-section">更多</p>
            </div>
        </div>
        <div class=" wrapper1">
            <ul >
              <li>
                <img src="./images/images_商城/DM_20231125144525_035.png" alt="">
                <div class="text">
                  <h4>MateBook X</h4>
                  <p>3.1K触控屏 | 轻薄优雅</p>
                  <div class="btn"><span>赠积分</span></div>
                  <p class="price">￥4999起</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>MateBook X</h5>
                    <p>￥4999</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              <li>
                <img src="./images/images_商城/DM_20231125144525_036.png" alt="">
                <div class="text">
                  <h4>HUAWEI MateBook X Pro</h4>
                  <p>微绒金属机身 | 3.1K原色全面屏</p>
                  <div class="btn">
                    <span>12期0分期利息</span>
                    <span>赠积分</span>
                  </div>
                  <p class="price">￥13199</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>HUAWEI MateBook X Pro</h5>
                    <p>￥13199</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              <li>
                <img src="./images/images_商城/DM_20231125144525_037.png" alt="">
                <div class="text">
                  <h4>MateBook 14</h4>
                  <p>2k触控全面屏 | 13代酷睿处理器</p>
                  <div class="btn">
                    <span>3期0分期利息</span>
                    <span>赠积分</span>
                  </div>
                  <p class="price">￥5499起</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>MateBook 14</h5>
                    <p>￥5499</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              <li>
                <img src="./images/images_商城/DM_20231125144525_038.png" alt="">
                <div class="text">
                  <h4>MateBook 13s</h4>
                  <!-- <p>科学运动减脂 | 心率失常提示 | 强劲续航</p> -->
                  <div class="btn">
                    <span>3期0分期利息</span>
                    <span>赠积分</span>
                  </div>
                  <p class="price">￥6088</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>MateBook 13s</h5>
                    <p>￥6088</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              
            </ul>
          </div>
          <div class=" wrapper1">
            <ul >
              <li>
                <img src="./images/images_商城/DM_20231125144525_039.png" alt="">
                <div class="text">
                  <h4>MateBook 16s</h4>
                  <p>32GB大内存 | 2.5K高色准触控屏</p>
                  <div class="btn"><span>赠积分</span></div>
                  <p class="price">￥8199</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>MateBook 16s</h5>
                    <p>￥8199</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              <li>
                <img src="./images/images_商城/mb14.webp" alt="">
                <div class="text">
                  <h4>MateBook 14s</h4>
                  <p>12带酷睿标压处理器</p>
                  <div class="btn">
                    <span>12期0分期利息</span>
                    <span>赠积分</span>
                  </div>
                  <p class="price">￥5299</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>MateBook 14s</h5>
                    <p>￥5299</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              <li>
                <img src="./images/images_商城/d14 se.webp" alt="">
                <div class="text">
                  <h4>MateBook D14SE</h4>
                  <p>护眼屏</p>
                  <div class="btn">
                    <span>3期0分期利息</span>
                    <span>赠积分</span>
                  </div>
                  <p class="price">￥3999起</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>MateBook D14SE</h5>
                    <p>￥3999</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              <li>
                <img src="./images/images_商城/d14.webp" alt="">
                <div class="text">
                  <h4>MateBook D 14</h4>
                  <p>14英寸护眼 | 13代酷睿处理器</p>
                  <div class="btn">
                    <span>3期0分期利息</span>
                    <span>赠积分</span>
                  </div>
                  <p class="price">￥4399</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>MateBook D 14</h5>
                    <p>￥4399</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              
            </ul>
          </div>

        <!--平板区-->
        <div class="top2">
            <div class="left-section">
                <p class="left-section">平板专区</p>
            </div>
            <div class="right-section">
                <p class="right-section">更多</p>
            </div>
        </div>
        <div class=" wrapper1">
            <ul >
              <li>
                <img src="./images/images_商城/DM_20231125144525_043.png" alt="">
                <div class="text">
                  <h4>MatePad Air</h4>
                  <p>144hz高刷全面屏</p>
                  <div class="btn"><span>赠积分</span></div>
                  <p class="price">￥2999</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>MatePad Air</h5>
                    <p>￥2999</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              <li>
                <img src="./images/images_商城/DM_20231125144525_044.png" alt="">
                <div class="text">
                  <h4>MatePad Pro 11英寸 2024</h4>
                  <p>双向北斗卫星消息</p>
                  <div class="btn">
                    <span>3期0分期利息</span>
                    <span>赠积分</span>
                  </div>
                  <p class="price">￥4299</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>MatePad Pro</h5>
                    <p>￥4299</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              <li>
                <img src="./images/images_商城/DM_20231125144525_045.png" alt="">
                <div class="text">
                  <h4>MatePad Pro 11英寸 2024</h4>
                  <p>120hz高刷</p>
                  <div class="btn">
                    <span>6期0分期利息</span>
                    <span>赠积分</span>
                  </div>
                  <p class="price">￥2199起</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>MatePad Pro 11英寸 2024</h5>
                    <p>￥2199</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              <li>
                <img src="./images/images_商城/DM_20231125144525_046.png" alt="">
                <div class="text">
                  <h4>MatePad Pro 13.2英寸</h4>
                  <p>old大屏</p>
                  <div class="btn">
                    <span>3期0分期利息</span>
                    <span>赠积分</span>
                  </div>
                  <p class="price">￥6188</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>MatePad Pro 13.2英寸</h5>
                    <p>￥6188</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              
            </ul>
          </div>
          <div class=" wrapper1">
            <ul >
              <li>
                <img src="./images/images_商城/DM_20231125144525_047.png" alt="">
                <div class="text">
                  <h4>MatePad 2023</h4>
                  <p>护眼大屏</p>
                  <div class="btn"><span>赠积分</span></div>
                  <p class="price">￥1699</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>MatePad 2023</h5>
                    <p>￥1699</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              <li>
                <img src="./images/images_商城/DM_20231125144525_048.png" alt="">
                <div class="text">
                  <h4>MateBook E 2023</h4>
                  <p>二合一平板电脑</p>
                  <div class="btn">
                    <span>12期0分期利息</span>
                    <span>赠积分</span>
                  </div>
                  <p class="price">￥7499</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>MateBook E 2023</h5>
                    <p>￥7499</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              <li>
                <img src="./images/images_商城/DM_20231125144525_049.png" alt="">
                <div class="text">
                  <h4>MatePad Pro 12.6英寸</h4>
                  <p>120hz oled原色屏</p>
                  <div class="btn">
                    <span>6期0分期利息</span>
                    <span>赠积分</span>
                  </div>
                  <p class="price">￥4799起</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>MatePad Pro 12.6英寸</h5>
                    <p>￥4799</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              <li>
                <img src="./images/images_商城/DM_20231125144525_050.png" alt="">
                <div class="text">
                  <h4>MateBook E Go</h4>
                  <p>二合一平板电脑</p>
                  <div class="btn">
                    <span>3期0分期利息</span>
                    <span>赠积分</span>
                  </div>
                  <p class="price">￥4999</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>MateBook E Go</h5>
                    <p>￥4999</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              
            </ul>
          </div>

        <!--穿戴区-->
        <div class="top2">
            <div class="left-section">
                <p class="left-section">穿戴专区</p>
            </div>
            <div class="right-section">
                <p class="right-section">更多</p>
            </div>
        </div>
        <div class=" wrapper1">
            <ul >
              <li>
                <img src="./images/images_商城/DM_20231125144525_051.png" alt="">
                <div class="text">
                  <h4>HUAWEI WATCH GT 4</h4>
                  <p>科学运动减脂| 强劲续航</p>
                  <div class="btn"><span>赠积分</span></div>
                  <p class="price">￥1599</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>华为畅享 70</h5>
                    <p>￥1599</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              <li>
                <img src="./images/images_商城/DM_20231125144525_053.png" alt="">
                <div class="text">
                  <h4>WATCH  4 Pro</h4>
                  <p>微绒金属机身 | 一键体检</p>
                  <div class="btn">
                    <span>12期0分期利息</span>
                    <span>赠积分</span>
                  </div>
                  <p class="price">￥3199</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>WATCH  4 Pro</h5>
                    <p>￥3199</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              <li>
                <img src="./images/images_商城/DM_20231125144525_054.png" alt="">
                <div class="text">
                  <h4>WATCH  4</h4>
                  <p>全天候智能播报 | 11小时持久聆听</p>
                  <div class="btn">
                    <span>6期0分期利息</span>
                    <span>赠积分</span>
                  </div>
                  <p class="price">￥2299</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>WATCH  4</h5>
                    <p>￥2299</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              <li>
                <img src="./images/images_商城/sh8.webp" alt="" height="270px">
                <div class="text">
                  <h4>HUAWEI手环 8</h4>
                  <p>科学睡眠再升级 | 强劲续航</p>
                  <div class="btn">
                    <span>3期0分期利息</span>
                    <span>赠积分</span>
                  </div>
                  <p class="price">￥288</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>HUAWEI手环 8</h5>
                    <p>￥288</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              
            </ul>
          </div>
          <div class=" wrapper1">
            <ul >
              <li>
                <img src="./images/images_商城/DM_20231125144525_055.png" alt="">
                <div class="text">
                  <h4>HUAWEI Uit</h4>
                  <p>双向北斗卫星消息 | 百米深营科技</p>
                  <div class="btn"><span>赠积分</span></div>
                  <p class="price">￥6999</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>HUAWEI Uit</h5>
                    <p>￥6999</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              <li>
                <img src="./images/images_商城/wc d.webp" alt="" height="270px">
                <div class="text">
                  <h4>HUAWEI D</h4>
                  <p>微绒金属机身 | 血压测量</p>
                  <div class="btn">
                    <span>12期0分期利息</span>
                    <span>赠积分</span>
                  </div>
                  <p class="price">￥2899</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>HUAWEI D</h5>
                    <p>￥2899</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              <li>
                <img src="./images/images_商城/DM_20231125144525_057.png" alt="">
                <div class="text">
                  <h4>HUAWEI GT 3 Pro</h4>
                  <p>无线快充，心电分析</p>
                  <div class="btn">
                    <span>6期0分期利息</span>
                    <span>赠积分</span>
                  </div>
                  <p class="price">￥2699起</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>HUAWEI GT 3 Pro</h5>
                    <p>￥2699</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              <li>
                <img src="./images/images_商城/fit 2.webp" alt="" height="270px">
                <div class="text">
                  <h4>HUAWEI WATCH FIT 2</h4>
                  <p>血氧检测 | 心率失常提示 | 强劲续航</p>
                  <div class="btn">
                    <span>3期0分期利息</span>
                    <span>赠积分</span>
                  </div>
                  <p class="price">￥588</p>
                </div>
                <div class="bottom">
                  <div class="down-title">
                    <h5>HUAWEI WATCH FIT 2</h5>
                    <p>￥588</p>
                  </div>
                  <a class="buy" title="购买">购买</a>
                  <a class="add" title="加入购物车">加入购物车</a>
                </div>
              </li>
              
            </ul>
          </div>

        <div class="blanket"></div>


        <!-- 为什么选择华为 -->
        <div class="WhySelect wrapper clearfix">
            <h2>为什么选择华为？</h2>
            <div class="left">
                <div class="WhySelect_text">
                    <h4>购买华为理由</h4>
                    <p>强力出圈，好处多多。</p>
                    <a href="#">
                        了解更多 <span> > </span>
                    </a>
                </div>
            </div>
            <div class="right">
                <div class="WhySelect_text">
                    <h4>HarmonyOS 4</h4>
                    <p>放肆玩，一起玩</p>
                    <a href="#">
                        了解更多 <span> > </span>
                    </a>
                    <img src="./images/images_商城/WhySelect_right.jpg" alt="">
                </div>
            </div>
        </div>


    </div>

    <!-- 底部 -->
    <div class="footer ">
        <div class="wrapper">
            <div class="footer_text">
                <div class="main">
                    <a href="#" title="主页">主页</a>
                    <span> / </span>
                    服务与支持
                </div>
                <div class="footer_links">
                    <ul>
                        <li>
                            <h3>购买产品</h3>
                            <ul class="inter">
                                <li>
                                    <a href="#" title="手机">
                                        手机</a>
                                </li>
                                <li>
                                    <a href="#" title="笔记本">
                                        笔记本</a>
                                </li>
                                <li>
                                    <a href="#" title="台式机">
                                        台式机</a>
                                </li>
                                <li>
                                    <a href="#" title="显示器">
                                        显示器</a>
                                </li>
                                <li>
                                    <a href="#" title="打印机">
                                        打印机</a>
                                </li>
                                <li>
                                    <a href="#" title="平板">
                                        平板</a>
                                </li>
                                <li>
                                    <a href="#" title="智慧屏">
                                        智慧屏</a>
                                </li>
                                <li>
                                    <a href="#" title="穿戴">
                                        穿戴</a>
                                </li>
                                <li>
                                    <a href="#" title="耳机音箱">
                                        耳机音箱</a>
                                </li>
                                <li>
                                    <a href="#" title="路由器">
                                        路由器</a>
                                </li>
                                <li>
                                    <a href="#" title="配件">
                                        配件</a>
                                </li>
                                <li>
                                    <a href="#" title="商用产品">
                                        商用产品</a>
                                </li>
                                <li>
                                    <a href="#" title="教育商店">
                                        教育商店</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <h3>服务支持</h3>
                            <ul class="inter">
                                <li>
                                    <a href="#" title="保修政策">
                                        保修政策</a>
                                </li>
                                <li>
                                    <a href="#" title="上门安装">
                                        上门安装</a>
                                </li>
                                <li>
                                    <a href="#" title="维修服务">
                                        维修服务</a>
                                </li>
                                <li>
                                    <a href="#" title="保修期及权益查询">
                                        保修期及权益查询</a>
                                </li>
                                <li>
                                    <a href="#" title="维修备件价格">
                                        维修备件价格</a>
                                </li>
                                <li>
                                    <a href="#" title="服务进度查询">
                                        服务进度查询</a>
                                </li>
                                <li>
                                    <a href="#" title="联系我们">
                                        联系我们</a>
                                </li>
                                <li>
                                    <a href="#" title="服务隐私声明">
                                        服务隐私声明</a>
                                </li>
                                <li>
                                    <a href="#" title="商用服务">
                                        商用服务</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <h3>应用与下载</h3>
                            <ul class="inter">
                                <li>
                                    <a href="#" title="终端云服务">
                                        终端云服务</a>
                                </li>
                                <li>
                                    <a href="#" title="华为商城APP">
                                        华为商城APP</a>
                                </li>
                                <li>
                                    <a href="#" title="我的华为APP">
                                        我的华为APP</a>
                                </li>
                                <li>
                                    <a href="#" title="华为手机助手">
                                        华为手机助手</a>
                                </li>
                                <li>
                                    <a href="#" title="华为电脑管家">
                                        华为电脑管家</a>
                                </li>
                                <li>
                                    <a href="#" title="HarmonyOS 4">
                                        HarmonyOS 4</a>
                                </li>
                                <li>
                                    <a href="#" title="预置应用公示">
                                        预置应用公示</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <h3>新闻中心</h3>
                            <ul class="inter">
                                <li>
                                    <a href="#" title="华为新闻">
                                        华为新闻</a>
                                </li>
                                <li>
                                    <a href="#" title="华为活动">
                                        华为活动</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <h3>关于我们</h3>
                            <ul class="inter">
                                <li>
                                    <a href="#" title="关于我们">
                                        关于我们</a>
                                </li>
                                <li>
                                    <a href="#" title="可持续发展">
                                        可持续发展</a>
                                </li>
                                <li>
                                    <a href="#" title="隐私">
                                        隐私</a>
                                </li>
                                <li>
                                    <a href="#" title="华为商城">
                                        华为商城</a>
                                </li>
                                <li>
                                    <a href="#" title="华为云">
                                        华为云</a>
                                </li>
                                <li>
                                    <a href="#" title="企业业务">
                                        企业业务</a>
                                </li>
                                <li>
                                    <a href="#" title="运营商网络">
                                        运营商网络</a>
                                </li>
                                <li>
                                    <a href="#" title="华为集团">
                                        华为集团</a>
                                </li>
                                <li>
                                    <a href="#" title="加入华为">
                                        加入华为</a>
                                </li>
                                <li>
                                    <a href="#" title="内容举报">
                                        内容举报</a>
                                </li>
                            </ul>
                        </li>
                    </ul>

                </div>
                <div class="contact">
                    <ul>
                        <li>
                            <h3>在线支持</h3>
                            <ul class="inter">
                                <li>
                                    <a href="#" title="消费者服务热线">
                                        消费者服务热线</a>
                                </li>

                                <li>
                                    <a href="#" title="">
                                        950800</a>
                                </li>

                                <li>
                                    <a href="#" title="7*24小时 | 普通话">
                                        7*24小时 | 普通话</a>
                                </li>

                                <li>
                                    <a href="#" title="Mate X系列、保时捷设计专属热线">
                                        Mate X系列、保时捷设计
                                        专属热线
                                    </a>
                                </li>

                                <li>
                                    <a href="#" title="">
                                        950801</a>
                                </li>
                                <li>
                                    <a href="#" title="在线客服 | 7*24小时">
                                        在线客服 | 7*24小时</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <h3>线下支持</h3>
                            <ul class="inter">
                                <li>
                                    <a href="#" title="服务店查询">
                                        服务店查询
                                    </a>

                                </li>
                                <li>
                                    <a href="#" title="零售店查询">
                                        零售店查询
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <div class="contact_block">
                        <h3>关注我们</h3>
                        <div class="images">
                            <span class="weixin">
                                <img src="./images/images_商城/footer_code.jpg" alt="">
                            </span>
                            <a href="#" title="微博" class="weibo">

                                </span>

                        </div>
                    </div>

                </div>
                <div class="footer_bottom">
                    <div class="left" title="">
                        版权所有 © 华为终端有限公司 1998-2023。保留一切权利。粤A2-20044005号
                    </div>
                    <div class="center">
                        <ul>
                            <li>
                                <a href="#" title="网站地图">
                                    网站地图</a>
                            </li>
                            <li>
                                <a href="#" title="使用条款">
                                    使用条款</a>
                            </li>
                            <li>
                                <a href="#" title="隐私声明">
                                    隐私声明</a>
                            </li>
                            <li>
                                <a href="#" title="关于cookies">
                                    关于cookies</a>
                            </li>
                            <li>
                                <a href="#" title="法律信息">
                                    法律信息</a>
                            </li>
                        </ul>
                    </div>
                    <div class="right">
                        <a href="#" class="language" title="China - 简体中文">
                            China - 简体中文</a>
                        <a title="globe" class="globe">
                            <img src="./images/images_商城/earth.png" alt="">
                        </a>

                    </div>
                </div>
            </div>
        </div>

</body>

</html>